button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* ????IE6????bug */
/* slide */
.slide-main{height:660px;position:relative;z-index:222;display: block;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-
index:222;top:300px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px
solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:632px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-
opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:660px;overflow:hidden;}
.slide-box{position:relative; z-index:122;}
.slide{display:none;height:660px;padding-top:55px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{ background:url(../images/a/bgstylea_bg.jpg) no-repeat top center;}
#bgstyleb{ background:url(../images/a/bgstyleb_bg.png) no-repeat top center;}
#bgstylec{ background:url(../images/a/bgstylec_bg.png) no-repeat top center;}
.slide a{display:block;width:100%;height:660px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-a{width: 286px;
height: 112px;
margin-left: -142px;
top: 291px;
z-index: 12;}
.obj-b{width:692px;height:394px;top:58px;margin-left:-360px;}
.obj-c{width:518px;height:338px;margin-left:-413px;top:126px;z-index:12;}
.obj-d{width:53px;height:160px;top:411px;margin-left:-84px;}
.obj-e{width:1447x;height:660px;margin-left:-506px;top:97px;z-index:12;}
.obj-f{width:1338px;height:506px;top:231px;margin-left:-510px;}
.rotate{
left:50%;margin-left: -375px;
margin-top:-80px;width:749px;height:749px;position: absolute;
overflow: hidden;
}
.rotate img{
position: absolute; z-index: -1;
}
.rotate img.b_img0{display:block;animation-name:snal;-webkit-animation:snal 30s linear infinite;-moz-
animation:snal 30s linear infinite;animation:snal 30s linear infinite;}
.rotate img.b_img1{display:block;animation-name:snal;-webkit-animation:snal 30s linear infinite;-moz-
animation:snal 30s linear infinite;animation:snal 30s linear infinite;}
.rotate img.b_img2{display:block;animation-name:snalr;-webkit-animation:snalr 30s linear infinite;-moz-
animation:snalr 30s linear infinite;animation:snalr 30s linear infinite;}
@-webkit-keyframes snal{0%{
transform: rotate(0deg);
} 100%{transform: rotate(360deg);} }
@-moz-keyframes snal{0%{
transform: rotate(0deg);
} 100%{transform: rotate(360deg);} }
@keyframes snal{0%{
transform: rotate(0deg);
} 100%{transform: rotate(360deg);}
}
@-webkit-keyframes snalr{0%{
transform: rotate(0deg);
} 100%{transform: rotate(-360deg);} }
@-moz-keyframes snalr{0%{
transform: rotate(0deg);
} 100%{transform: rotate(-360deg);} }
@keyframes snalr{0%{
transform: rotate(0deg);
} 100%{transform: rotate(-360deg);}
}
.rotate img.b_img0{
left: 224px;
top: 213px;
}
.rotate img.b_img1{
margin-left: 109px;
margin-top: 99px;
}
.rotate img.b_img2{
margin-left: 163px;
margin-top: 149px;
}
.rotate img.b_img3{
margin-left: 615px;
margin-top: 450px;
}
.rotate img.b_img4{
margin-left: 179px;
margin-top: 242px;
}
.rotate img.b_img5{
margin-left: 356px;
margin-top: 133px;
}
.rotate img.b_img6{
margin-left: 482px;
margin-top: 266px;
}
.rotate img.b_img7{
margin-left: 455px;
margin-top: 416px;
} .rotate img.b_img8{
margin-left: 137px;
margin-top: 465px;
}
.rotate img.b_img9{
margin-left: 91px;
margin-top: 336px;
}
.rotate img.b_img10{
margin-left: 248px;
margin-top: 453px;
}
.b_img11,.b_img12{
position:absolute;
left:50%;
}
.b_img11{margin-left: -194px;
margin-top: 284px;
z-index: -1;}
.b_img12{margin-left: -2px;
margin-top: 256px;
z-index: -1;}
.b_img11{
animation-name:shans;
animation-name:shans;-webkit-animation:shans 3s linear infinite;-moz-
animation:shans 3s linear infinite;animation:shans 3s linear infinite;
}
.b_img12{
animation-name:shans2;
animation-name:shans2;-webkit-animation:shans2 3s linear infinite;-moz-
animation:shans2 3s linear infinite;animation:shans2 3s linear infinite;
}
@-webkit-keyframes shans{
0%{opacity:0.4;}
5%{opacity: 1;}
7%{opacity: 0.4;}
9%{opacity: 1;}
11%{opacity: 0.4;}
13%{opacity: 1;}
98%{opacity: 1;}
100%{opacity: 0.4;}
}
@-moz-keyframes shans{
0%{opacity:0.4;}
5%{opacity: 1;}
7%{opacity: 0.4;}
9%{opacity: 1;}
11%{opacity: 0.4;}
13%{opacity: 1;}
98%{opacity: 1;}
100%{opacity: 0.4;}
}
@keyframes shans{
0%{opacity:0.4;}
5%{opacity: 1;}
7%{opacity: 0.4;}
9%{opacity: 1;}
11%{opacity: 0.4;}
13%{opacity: 1;}
98%{opacity: 1;}
100%{opacity: 0.4;}
}
@-webkit-keyframes shans2{
0%{opacity:0.4;}
30%{opacity: 1;}
90%{opacity: 1;}
100%{opacity: 0.4;}
}
@-moz-keyframes shans2{
0%{opacity:0.4;}
30%{opacity: 1;}
90%{opacity: 1;}
100%{opacity: 0.4;}
}
@keyframes shans2{
0%{opacity:0.4;}
30%{opacity: 1;}
90%{opacity: 1;}
100%{opacity: 0.4;}
}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-
animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-
animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-
animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-
webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-
transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale
(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s
normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s
normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }